<!doctype html>  
<!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]-->
<!--[if (gt IE 7)|!(IE)]><!-->
<html lang="en-us"><!--<![endif]-->
<head>
	<meta charset="utf-8">
	
	<title>Startup - Startup Responsive Parallax Landing Page Template</title>
	
	<meta name="description" content="Startup is a Responsive Parallax Landing Page Template with clean, minimal look with vivid and corporate colors. It has many features a startup needed. ">
	<meta name="author" content="Surjith SM">
	<meta name="copyright" content="Surjith SM">
	<meta name="generator" content="Documenter v2.0 http://rxa.li/documenter">
	<meta name="date" content="2014-04-27T00:00:00+02:00">
	
	<link rel="stylesheet" href="assets/css/documenter_style.css" media="all">
	
	
	
	<script src="assets/js/jquery.js"></script>
	
	<script src="assets/js/jquery.scrollTo.js"></script>
	<script src="assets/js/jquery.easing.js"></script>
	
	<script>document.createElement('section');var duration='500',easing='swing';</script>
	<script src="assets/js/script.js"></script>
	
	<style>
		html{background-color:#FFFFFF;color:#383838;}
		::-moz-selection{background:#444444;color:#DDDDDD;}
		::selection{background:#444444;color:#DDDDDD;}
		#documenter_sidebar #documenter_logo{background-image:url();}
		a{color:#0000FF;}
		.btn {
			border-radius:3px;
		}
		.btn-primary {
			  background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
			  background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
			  background-image: -webkit-gradient(linear, 0 0, 0 0088CC%, from(#DDDDDD), to(#0044CC));
			  background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
			  background-image: -o-linear-gradient(top, #0088CC, #0044CC);
			  background-image: linear-gradient(top, #0088CC, #0044CC);
			  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0044CC', GradientType=0);
			  border-color: #0044CC #0044CC #bfbfbf;
			  color:#FFFFFF;
		}
		.btn-primary:hover,
		.btn-primary:active,
		.btn-primary.active,
		.btn-primary.disabled,
		.btn-primary[disabled] {
		  border-color: #0088CC #0088CC #bfbfbf;
		  background-color: #0044CC;
		}
		hr{border-top:1px solid #EBEBEB;border-bottom:1px solid #FFFFFF;}
		#documenter_sidebar, #documenter_sidebar ul a{background-color:#DDDDDD;color:#222222;}
		#documenter_sidebar ul a{-webkit-text-shadow:1px 1px 0px #EEEEEE;-moz-text-shadow:1px 1px 0px #EEEEEE;text-shadow:1px 1px 0px #EEEEEE;}
		#documenter_sidebar ul{border-top:1px solid #AAAAAA;}
		#documenter_sidebar ul a{border-top:1px solid #EEEEEE;border-bottom:1px solid #AAAAAA;color:#444444;}
		#documenter_sidebar ul a:hover{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
		#documenter_sidebar ul a.current{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
		#documenter_copyright{display:block !important;visibility:visible !important;}
	</style>
	
</head>
<body class="documenter-project-startup">
	<div id="documenter_sidebar">
		<a href="#documenter_cover" id="documenter_logo"></a>
		<ul id="documenter_nav">
			<li><a class="current" href="#documenter_cover">Start</a></li>
				
			<li><a href="#customizing_this_template" title="Customizing this Template">Customizing this Template</a></li>
			<li><a href="#changing_logo" title="Changing Logo">Changing Logo</a></li>
			<li><a href="#adding_animated_tagline" title="Adding Animated Tagline">Adding Animated Tagline</a></li>
			<li><a href="#email_subscription" title="Email Subscription">Email Subscription</a></li>
			<li><a href="#backgroud_images" title="Backgroud Images">Backgroud Images</a></li>
			<li><a href="#other_customizations" title="Other customizations">Other customizations</a></li>
			<li><a href="#need_help" title="Need Help?">Need Help?</a></li>
			<li><a href="#credits" title="Credits">Credits</a></li>

		</ul>
		<div id="documenter_copyright">Copyright Surjith SM 2014<br>
		made with the <a href="http://rxa.li/documenter">Documenter v2.0</a> 
		</div>
	</div>
	<div id="documenter_content">
	<section id="documenter_cover">
	<h1>Startup</h1>
	<h2>Startup Responsive Parallax Landing Page Template</h2>
	<div id="documenter_buttons">
		
	</div>
	<hr>
	<ul>
	<li>created: 04/27/2014</li>
	<li>latest update: 04/27/2014</li>
	<li>by: Surjith SM</li>
	<li><a href=""></a></li>
	<li>email: <a href="mailto:&#115;&#117;&#112;&#112;&#111;&#114;&#116;&#64;&#115;&#117;&#114;&#106;&#105;&#116;&#104;&#99;&#116;&#108;&#121;&#46;&#105;&#110;">&#115;&#117;&#112;&#112;&#111;&#114;&#116;&#64;&#115;&#117;&#114;&#106;&#105;&#116;&#104;&#99;&#116;&#108;&#121;&#46;&#105;&#110;</a></li>
	</ul>
	<p></p>
	</section>
	
	<section id="customizing_this_template">
	<div class="page-header"><h3>Customizing this Template</h3><hr class="notop"></div>
<p>
	Startup is an HTML Template. To customize this template, You should know some basic HTML and Computer Knowledge. If you don&#39;t have this knowledge, you can contact any Web Designer to do this task. Editing this template with out knowing things means, it will break the layout and design.&nbsp;</p>
<p>
	You can customize this template with any Code editing software. I recommend Dreamweaver if you are on Windows and Sublime Text for Mac users. Even you can customize the template with Notepad. So don&#39;t worry if you don&#39;t have these software.</p>
</section>
<section id="changing_logo">
	<div class="page-header"><h3>Changing Logo</h3><hr class="notop"></div>
<p>
	To change the current logo to your Logo, Create it separately in any Graphic software and Export it in PNG format, so that the backgground will be transparent. You can ue any width, but do not exceed 250px.&nbsp;</p>
<p>
	Once you&#39;ve created the logo, copy it to HTML//images folder. Then link it in the Logo section in HTML file.</p>
<p>
	Eg:</p>
<pre>
	&lt;img src=&quot;images/NAME_OF_YOUR_LOGO.png&quot; alt=&quot;startup-logo&quot;&gt;&lt;/a&gt;</pre>
<p>
	&nbsp;</p>
</section>
<section id="adding_animated_tagline">
	<div class="page-header"><h3>Adding Animated Tagline</h3><hr class="notop"></div>
<p>
	A word in the Tagline sentence can be animated with our script. To change your text, Wrap text inside &lt;span&gt; class. then add data-typer-targets and add values seperated by comma. See an example below</p>
<p>
	Eg:</p>
<pre>
&nbsp;&lt;h1&gt;The Most &lt;span data-typer-targets=&quot;Easy,Effective,Advanced,Secure,Friendly,Simple&quot;&gt;Simple&lt;/span&gt; and &lt;strong&gt;Powerful Way&lt;/strong&gt; &lt;br&gt; &nbsp;to &lt;strong&gt;launch&lt;/strong&gt; your startup&lt;/h1&gt;</pre>
</section>
<section id="email_subscription">
	<div class="page-header"><h3>Email Subscription</h3><hr class="notop"></div>
<p>
	Email Subscription is powered by Mailchimp. You need a mailchimp account to get the form working. You will get an API code and List ID from Mailchimp dashboard. Copy it in subscribe.php (You also need a PHP server to check it. It will not work locally on your computer)</p>
<p>
	Eg:</p>
<pre style="color: rgb(0, 0, 0); line-height: normal; word-wrap: break-word; white-space: pre-wrap;">
$apiKey = &#39;PASTE_YOUR_API_KEY_HERE&#39;;
$listId = &#39;YOUR_LIST_ID&#39;;</pre>
</section>
<section id="backgroud_images">
	<div class="page-header"><h3>Backgroud Images</h3><hr class="notop"></div>
<p>
	You can use your own background with the Colord Effect for header and footer. For that, You should open your custom background image in photoshop, and import your favorite color from /img-overlays folder. Then Place it above your image. Adjust the contrast or opacity if you like. Then save it as JPG or PNG. You can keep the same name, so that you don&#39;t need to edit CSS.</p>
</section>
<section id="other_customizations">
	<div class="page-header"><h3>Other customizations</h3><hr class="notop"></div>
<p>
	For other customizations like Text changing, you can simply do it in any code editing software. Just replace the current text with your text. Then Save it. That&#39;s all</p>
</section>
<section id="need_help">
	<div class="page-header"><h3>Need Help?</h3><hr class="notop"></div>
<p>
	If you have any issues customizing, or if you need any help regarding this template, or to just Say Hi, Please contact me on <a href="mailto:&#115;&#117;&#112;&#112;&#111;&#114;&#116;&#64;&#115;&#117;&#114;&#106;&#105;&#116;&#104;&#99;&#116;&#108;&#121;&#46;&#105;&#110;?subject=Support%20for%20Startup%20HTML%20Template">&#115;&#117;&#112;&#112;&#111;&#114;&#116;&#64;&#115;&#117;&#114;&#106;&#105;&#116;&#104;&#99;&#116;&#108;&#121;&#46;&#105;&#110;</a></p>
</section>
<section id="credits">
	<div class="page-header"><h3>Credits</h3><hr class="notop"></div>
<p>
	Background Images provided by <a href="http://picjumbo.com">Picjumbo</a>. You can also find great images for free. Icons are from <a href="http://iconfinder.com">Icon Finder</a>. Check it out if you need some cool icons for your website.</p>
</section>

	</div>
</body>
</html>